el componente pequeño se ve así:
// @flow import ReactMarkdown from "react-markdown"; import type { Node } from "react"; function LinkRenderer(props: any) { return ( <a href={props.href} target="_blank" rel="noreferrer"> {props.children} </a> ); } type Props = { children: Node, }; const MarkdownRenderer = ({ children }: Props) => { return ( <ReactMarkdown components={{ link: LinkRenderer }}> {children} </ReactMarkdown> ); };¿Alguien puede sugerir por qué mis enlaces no se abren en una nueva pestaña cuando uso este componente?
Implementando el componente así en otros componentes:
<MarkdownRenderer>{value}</MarkdownRenderer>Debe actualizar el accesorio del 'enlace' a 'a' para lograrlo.
<ReactMarkdown components={{ a: LinkRenderer}}> {children} </ReactMarkdown>Encuentre el enlace de sandbox
Además, si no está haciendo demasiada personalización y agregó el renderizador personalizado solo para abrir un enlace en una nueva pestaña. Puede utilizar el accesorio 'linkTarget' y establecerlo en '_blank'